<!DOCTYPE = HTML>
<html>
    <head>
        <title>Galactica CIC</title>
        <script src="galactica-compiled.js"></script>

        <link rel="stylesheet" href="galactica_styles.css">
    </head>
    <body onload="galactica.start()">
    <h1>Galactica Character Randomizer</h1>
    
    
    
    
    <div id="programContainer" class="programContainer">
        <div id="setupContainer" class="octagon">
            <div class="galacticaLabel">Setup</div>
            <div><input type="checkbox" checked="checked" name="setupExpansionPegasus" id="setupExpansionPegasus" onclick="galactica.handlePegasusCheckbox()">Pegasus Expansion</div>
            <div class="galacticaPadding10"><input type="checkbox" checked="checked" name="setupEnableCylonLeaders" id="setupEnableCylonLeaders" onclick="galactica.handleCylonCheckbox()">Allow Cylon Leaders</div>
            <div class="galacticaPadding20"><input type="checkbox" checked="checked" name="setupAllowPlayersRefuseCylon" id="setupAllowPlayersRefuseCylon">Allow players to refuse Cylon Leader</div>
            <div><input type="checkbox" checked="checked" name ="setupExpansionExodus" id="setupExpansionExodus" onclick="galactica.handleExodusCheckbox()">Exodus Expansion</div>
            <div class="galacticaPadding10"><input type="checkbox" checked="checked" name="setupExpansionExodusExtra" id="setupExpansionExodusExtra">Add one extra "not a Cylon" card into the loyalty deck.</div>
            <div id="setupPlayerAmount">Players: <input type="radio" name="setupPlayers" value="3" class="setupPlayers"> 3
                <input type="radio" name="setupPlayers" value="4" class="setupPlayers"> 4
                <input type="radio" name="setupPlayers" value="5" class="setupPlayers" checked="checked"> 5
                <input type="radio" name="setupPlayers" value="6" class="setupPlayers"> 6
                <input type="radio" name="setupPlayers" value="7" class="setupPlayers"> 7
            </div>
            <p><small><strong>Hint: </strong>When selecting characters, click on the character's name to open a full card.</small></p> 
        </div>
      
        <div id="cards"></div>
        <div id="selectedCards"></div>
    </div>
       
    </body>
    
</html>